const CompressionPlugin = require("compression-webpack-plugin");
module.exports = {
  configureWebpack: {
    plugins: [
      new CompressionPlugin({
        /* [file]被替换为原始资产文件名。
           [path]替换为原始资产的路径。
           [dir]替换为原始资产的目录。
           [name]被替换为原始资产的文件名。
           [ext]替换为原始资产的扩展名。
           [query]被查询替换。*/
        filename: '[path].gz[query]',
        //压缩算法
        algorithm: 'gzip',
        //匹配文件
        //test: /\.js$|\.css$|\.html$/,
        test: /\.js$|\.html$/,
        //压缩超过此大小的文件,以字节为单位
        threshold: 10240,
        minRatio: 0.8,
        //删除原始文件只保留压缩后的文件
        deleteOriginalAssets: false
      })
    ]
  },
  //productionGzip: true, //开启gzip压缩
  //productionGzipExtensions: ['js', 'css'],
  publicPath: "/",//公共路径
  outputDir: "dist",//输出文件目录
  //assetsDir: "assets",//静态资源存放的文件夹，相对于outputDir
  //assetsDir: "assets",
  lintOnSave: false,//是否保存的时候检查（不用）
  //compiler: false,//打包后会小一些
  productionSourceMap: false,//不需要生产环境的设置false，会减少dist目录大小
  devServer: {
    //open: true,//npm run serve后自动打开页面
    //host: '0.0.0.0',//匹配本机ip地址
    //port: 8080,//开发服务器运行端口
    proxy: {
      //跨域访问接口：已配置好，直接食用即可！
      '/HrApi': {
        target: 'http://localhost:54004',
        changeOrigin: true,
        pathRewrite: {
          '^/HrApi': '/api'
        }
      }
    }
  }
}